<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	  <style>
		 [class*="col-"] {
			 background-color: #808080;
			 border: 1px solid rgba(86, 61, 124, .2);
		 }
		 </style>
	</head>
	<body>
	<div class="container">
		<div class = "row">
			<div class="col-md-12">
				<h1>这是导航栏</h1>
			</div>
			<div class ="col-md-6" ><h1>这是左边占6</h1>></div>

			<div class = "col-md-6">
				<div class="col-md-6"><h1> 这是xs6</h1></div>
				<div class="col-md-6"> <h1>这是xs6</h1></div>
			</div>
		</div>
	</div>
	
	</body>
</html>
